import React, {PureComponent} from 'react';
import {StyleSheet, View, Text} from 'react-native';

export default class extends PureComponent {
    render() {
        const {itemInfo: {title, zk_final_price, tao_ke_price, item_url}, couponLinkTaoToken} = this.props;
        return (
            <View style={styles.container}>
                <View>
                    <Text style={styles.text}>{title}</Text>
                    <Text style={styles.text}>【在售价】{zk_final_price}元</Text>
                    <Text style={styles.text}>【券后价】{tao_ke_price}元</Text>
                    <Text style={styles.text}>【下单链接】{item_url}</Text>
                    <View style={styles.sp}/>
                    <Text style={styles.text}>复制这条信息，{couponLinkTaoToken} ，打开【手机淘宝】即可查看</Text>
                </View>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        backgroundColor: '#ffffff',
        borderRadius: 4,
        padding: 8
    },
    inner: {},
    text: {
        fontSize: 10,
        color: '#3e403f',
        height: 14,
        marginBottom: 4
    },
    sp: {
        position: 'relative',
        width: 80,
        height: 1,
        borderTopWidth: 1,
        borderStyle: 'dashed',
        marginBottom: 4
    }
});
